<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>网易邮箱</title>
	<link rel="shortcut icon" href="http://mail.163.com/favicon.ico">
	<link rel="stylesheet" type="text/css" href="css/reg.css">
</head>
<body>
	<!-- 头部 -->
	<header class="header">
		<div class="bg"></div>
		<!-- 链接 -->
		<div class="links">
			<a href="#">了解更多</a>&nbsp|
			<a href="#">反馈意见</a>
		</div>
	</header>
	<!-- 内容区 -->
	<section class="content">
		<!-- 内容区头部 -->
		<header class="content_tit">
			<h1>欢迎注册无限容量的网易邮箱！邮件地址可以登录使用其他网易旗下产品。</h1>
		</header>
		<!-- 内容区 -->
		<div class="mainBody">
			<!-- 左边 -->
			<div class="wp">
			<!-- 注册类型 -->
				<div class="regTabs">
					<ul class="tabsUl">
						<li><a href="#" class="a1">注册字母邮箱</a></li>
						<li><a href="#" class="a2">注册手机号码邮箱</a></li>
						<li><a href="#" class="a3">注册VIP邮箱</a></li>
					</ul>
				</div>
				<!-- 文本框区 -->
				<div class="regForm">
					<dl class="regForm-item">
						<dt class="regForm-item-tit">
							<span class="txt-impt">*</span>邮箱地址			
						</dt>
						<dd class="regForm-item-ct">
							<input type="text" class="ipt" style="ime-mode:disabled;color:#999;font-weight:normal">
							<strong class="txt-14"> @</strong>
							<select name="" id="">
								<option value="163.com" selected="selected">163.com</option>
								<option value="126.com">126.com</option>
								<option value="yeah.net">yeah.net</option>
							</select>
							<div class="tips">
							<span class="txt-tips">6~18个字符，可使用字母、数字、下划线，需以字母开头</span>
							</div>
						</dd>
					</dl>

					<dl class="regForm-item">
						<dt class="regForm-item-tit">
							<span class="txt-impt">*</span>密码		
						</dt>
						<dd class="regForm-item-ct">
							<input type="text" class="ipt norWidthIpt">
							<div class="tips">
								<span class="txt-tips">6~16个字符，区分大小写</span>
							</div>
						</dd>
					</dl>

					<dl class="regForm-item">
						<dt class="regForm-item-tit">
							<span class="txt-impt">*</span>确认密码		
						</dt>
						<dd class="regForm-item-ct">
							<input type="text" class="ipt norWidthIpt">
							<div class="tips">
								<span class="txt-tips">请再次填写密码</span>
							</div>
						</dd>
					</dl>


					<dl class="regForm-item">
						<dt class="regForm-item-tit">
							<span class="txt-impt">*</span>手机号码	
						</dt>
						<dd class="regForm-item-ct">
							<div class="inputContainer itlPhone" style="padding-left:35px;">
								<input type="text" value="+32-" class="input ipt norWidthIpt" style="padding-left:35px; width:292px;">
								<div class="itl" style="width:35px;height:27px;line-height:27px;">
									<div class="itlFlag flag-CN">
										<em>&nbsp</em>
									</div>
								</div>
							</div>
							<div class="tips">
								<span class="txt-tips">忘记密码时，可以通过该手机号码快速找回密码</span>
							</div>
						</dd>
					</dl>

					<dl class="regForm-item vCodeArea vCodeArea-big">
						<dt class="regForm-item-tit">
							<span class="txt-impt">*</span>验证码
						</dt>
						<dd class="regForm-item-ct">
							<input type="text" class="ipt" style="width:196px;">
							<img src="img/call.jpg" class="vCode" style="width:120px; height: 50px;">
							<a href="#" class="switchvCode">看不清楚？换张图片</a>
							<div class="tips">
								<span class="txt-tips">请填写图片中的字符，不区分大小写</span>
							</div>
							<a href="#" class="btn" >免费获取验证码</a>
						</dd>
					</dl>
					
					<dl class="regForm-item">
						<dt class="regForm-item-tit">
							<span class="txt-impt">*</span>短信验证码		
						</dt>
						<dd class="regForm-item-ct">
							<input type="text" class="ipt norWidthIpt">
							<div class="tips">
								<span class="txt-tips">请查收手机短信，并填写短信中的验证码</span>
							</div>
						</dd>
					</dl>

					<dl class="regForm-item">
						<dd class="regForm-item-ct txt-tips">
							<input type="checkbox" checked="checked" style="vertical-align: middle;">
							同意
							<a href="#">"服务条款"</a>
							和
							<a href="#">"隐私权相关政策"</a>
						</dd>
					</dl>

					<dl class="regForm-item">
						<dd class="regForm-item-ct">
							<a href="#" class="btnreg">立即注册</a>
						</dd>
					</dl>


				</div>
			</div>
			<!-- 右边 -->
			<div class="side">
				<div class="regExt">
					<img src="img/reg_master.gif">
				</div>
			</div>
		</div>
	</section>
	<!-- 版权区域 -->
	<footer class="footer" style="height:80px;">
		<a href="#">关于网易</a>&nbsp&nbsp
		<a href="#">关于网易免费邮</a>&nbsp&nbsp
		<a href="#">邮箱官方博客</a>&nbsp&nbsp
		<a href="#">客户服务</a>&nbsp&nbsp
		<a href="#">隐私政策</a>&nbsp&nbsp|&nbsp&nbsp网易公司版权所有©1997-2018
		<br>
		数据来源：艾媒咨询《2015-2018中国个人邮箱行业研究报告》

	</footer>
</body>
</html>